<template>
    <div class="splitCommp" :style="commpStyle">
        <span class="splitContent">{{ splitContent }}</span>
    </div>
</template>
<script>
import baseComp from './baseComp.vue';
export default{
    name: 'splitCommp',
    extends: baseComp,
    props: {
        split: {
            type: String,
            default: ()=> {
                return "1\n1"
            }
        }
    },
    watch: {
        split: {
            handler(val){
                this.splitContent = val;
            },
            deep: true,
            immediate: true
        }
    },
    mounted(){
        //加载主题样式
        this.loadTheme(this.$options.name)
    },
    created(){},
    data(){
        return{
            splitContent: ''
        }
    },
    methods: {

    }
}
</script>